<template>
  <div class="page flex-col">
    <div class="flex-col">
      <span class="text_1">数据模型</span>
      <div class="box_1 flex-row justify-between">
        <div class="group_1 flex-col"></div>
        <span class="text_2">高校学生权益保障</span>
      </div>
      <div class="box_2 flex-row">
        <div class="grid_1 flex-col">
          <div class="image-text_1 flex-col justify-between" v-for="(item, index) in loopData0" :key="index">
            <img class="image_1" referrerpolicy="no-referrer" :src="item.lanhuimage0" @click="analysis(item.name)"/>
            <span class="text-group_1" v-html="item.lanhutext0" @click="analysis(item.name)"></span>
          </div>
        </div>
      </div>
      <div class="box_1 flex-row justify-between">
        <div class="box_3 flex-col"></div>
        <span class="text-group_2">高校廉政风险防控</span>
      </div>
      <div class="box_2 flex-row">
        <div class="grid_1 flex-col">
          <div class="image-text_1 flex-col justify-between" v-for="(item, index) in loopData1" :key="index">
            <img class="image_1" referrerpolicy="no-referrer" :src="item.lanhuimage0" @click="analysis(item.name)"/>
            <span class="text-group_1" v-html="item.lanhutext0" @click="analysis(item.name)"></span>
          </div>
        </div>
      </div>
    </div>
    <yktyeglView :dialog="yktyeglDialog" @setValue="setYktyeglDialog" @closeDialog="closeYktyeglDialog" ref="yktyeglDialog"/>

  </div>

</template>
<script>
import yktyeglView from "../../components/analysis/yktyeglView.vue";

export default {
  components: {yktyeglView},
  data() {
    return {
      loopData0: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng679ddb31eae8d5ddb7ff48224ee6f68b8a21bf62f044c62b8b6919db8bc0c561',
          lanhutext0: '高校学生大数据画像'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng179427a677ad26633577fdcd89655f8f70c4d34f4555fbb08339c474e9174d17',
          lanhutext0: '困难学生补助科学性'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng95ecf5cdf0bf87395ebb2aa2e79da4976ebda62b27408479830ce2c15a97ba03',
          lanhutext0: '奖学金评定合理性'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng81a7e2c83d549e1ff0310148742d6ba3bccd3bdcaee171a71d5fcd285a4f9953',
          lanhutext0: '转专业合规性核查'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng94a60d42e8fb8b054fc24b1b012cfc9f3046f9b7da23c61143afac2acd943911',
          lanhutext0: '毕业生一卡通余额管理',
          name:"yktyegl"
        },
      ],
      loopData1: [
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng679ddb31eae8d5ddb7ff48224ee6f68b8a21bf62f044c62b8b6919db8bc0c561',
          lanhutext0: '高校学生大数据画像'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng179427a677ad26633577fdcd89655f8f70c4d34f4555fbb08339c474e9174d17',
          lanhutext0: '困难学生补助科学性'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng95ecf5cdf0bf87395ebb2aa2e79da4976ebda62b27408479830ce2c15a97ba03',
          lanhutext0: '奖学金评定合理性'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng81a7e2c83d549e1ff0310148742d6ba3bccd3bdcaee171a71d5fcd285a4f9953',
          lanhutext0: '转专业合规性核查'
        },
        {
          lanhuimage0:
            'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng94a60d42e8fb8b054fc24b1b012cfc9f3046f9b7da23c61143afac2acd943911',
          lanhutext0: '毕业生一卡通余额管理',
        },
      ],
      constants: {},
      yktyeglDialog: false,
    };
  },
  methods: {
    analysis(name){
      if (name === 'yktyegl'){
        this.showYktyeglDialog(name);
      }
    },
    showYktyeglDialog(name){
      this.yktyeglDialog = true;
      this.$refs['yktyeglDialog'].init();
    },
    setYktyeglDialog(){

    },
    closeYktyeglDialog(){
      this.yktyeglDialog = false;
    }
  }
};
</script>
<style scoped lang="css" src="./assets/index.css" />
